<!DOCTYPE html>
<html>

<body>
<div>
    <span">
        {% if albums.has_previous %}
            <a href="?page={{ albums.previous_page_number }}">prev</a>
        {% else %}
            <span></span>
        {% endif %}
        <span>
            Page {{ albums.number }} of {{ albums.paginator.num_pages }}
        </span>
        {% if albums.has_next %}
            <a href="?page={{ albums.next_page_number }}">next</a>
        {% else %}
            <span></span>                             
        {% endif %}
    </span>
</div>

<h1>Albums We have:</h1>

{% for album in albums %}

<div>
<table frame="border" width="100%">

<tr>
	<th colspan="2" align="left">
	{{album.name}} - {{album.artist.name}}
	</th>
</tr>

<tr align="left">
<td rowspan="5" width="100"><img src="{{album.cover_art}}" alt="{{album.name}}"/></td>
<td align="left"><a href="{{album.link}}">{{album.name}}</a></td>
</tr>

<tr>
<td><a href="{{album.artist.link}}">{{album.artist.name}}</a></td>
</tr>

<tr>
<td>Release Date:{{album.release_date}}</td>
</tr>

<tr>
<td>Genre:<a href="/showbycato/{{album.genre}}">{{album.genre}}</a></td>
</tr>

<tr>
<td>Price:{{album.price}}</td>
</tr>

</table>
</div>

{% endfor %}


<div>
    <span>
        {% if albums.has_previous %}
            <a href="?page={{ albums.previous_page_number }}">prev</a>
        {% else %}
            <span></span>
        {% endif %}
        <span>
            Page {{ albums.number }} of {{ albums.paginator.num_pages }}
        </span>
        {% if albums.has_next %}
            <a href="?page={{ albums.next_page_number }}">next</a>
        {% else %}
            <span></span>                             
        {% endif %}
    </span>
</div>

</body>

</html>